body {  width:100%; height:100%; margin: 0; padding: 0; font: 14px 'century gothic', Arial; color: #fff; }

body { background-image: url(../images/binary_background_black.jpg); background-position: 0 0; background-repeat:repeat-y; position: absolute; z-index:0; background-size: 100%;}

a { color:#fff; text-decoration:none; }

a:hover { color:#aeaeae; }

#header { margin:2% auto; width:970px; height:70px; text-align:center; }

#header #login {z-index:5; position:fixed; left:26%; top:11%; padding:5px; border:2px dotted #fff; color: #fff; -moz-opacity: 0.0; -webkit-opacity: 0.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0.0; }

#header #login input { border:1px solid #fff; background:transparent; color: #fff; }

#header #login #submit { border:1px solid #fff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#header #login #submit:hover { color: #aeaeae; }

#header #login .close:hover { cursor:pointer; }

#header .logo { float:left; margin:-10px 0 0 10px; }

#header .logo img { height:90px; }

#header #menu { float:right; }

#main #main-background2 { margin:0 auto; background-color:#777; opacity:0.8; filter:alpha(opacity=80); padding:10px;  z-index:3;  border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;}

#main #main-background { margin:0 auto; background-color:#353535;  padding:20px 30px 20px 30px;  z-index:4;  border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}

#main {  width:1000px; margin:0 auto;  z-index:1; font: 16px 'arial';  z-index:2; }

#main h1 { font: 42px 'century gothic';  margin-bottom:20px;}

#main #slideshow { margin:0 auto; width:920px;  background:transparent; position:relative; top:0px; left:0px; z-index:3; }

#main #slideshow #slidesContainer {  margin:0 auto;  width:850px;   position:relative; word-spacing:2px; z-index:4; }

#main #slideshow .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } 

#main #slideshow #leftControl { top:80px; left:-20px; background:transparent url(../images/control_left.gif) no-repeat 0 0; margin-right:20px; } 

#main #slideshow #rightControl { top:80px; right:-20px; background:transparent url(../images/control_right.gif) no-repeat 0 0; margin-left:20px;}

#main #slideshow #slidesContainer .slide span { clear:both; z-index:5;}

#main #slideshow #slidesContainer .slide {  margin:0 auto;  width:850px;  padding-bottom:20px; z-index:5;}

#main #slideshow #slidesContainer .slide img { float:left; padding:15px 15px 15px 0; z-index:6;}

#main #kontakt { position:relative; top:0px; left:0px;  background-color:#353535; z-index:4;  box-shadow: 5px 7px 5px #353535; -webkit-box-shadow: 5px 7px 5px #353535;-moz-box-shadow: 5px 7px 5px #353535;padding:0px 30px 20px 30px; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

#main #kontakt h1 { width:170px;  margin-bottom:50px; }

#main #kontakt .ime { float:left;  padding-right:10px; background:transparent; color: #fff; font-family: verdana; }

#main #kontakt .email { float:left; padding-right:13px;  background:transparent; color: #fff; font-family: verdana; }

#main #kontakt .poruka { float:left;  background:transparent; color: #fff; font-family: verdana; }

#main #kontakt input { float:left; margin-left:10px; background:transparent; color: #fff; font-family: verdana; border:1px solid #fff; height:30px; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#main #kontakt input#name { margin-left:33px; }

#main #kontakt textarea { float:left; margin:0 0 9px 0px; overflow-y:auto; background:transparent; color: #fff; font-family: verdana; border:1px solid #fff; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#main #kontakt div { float:left; text-align:right; width:60px; }

#main #kontakt-buttons #submit { position:relative; bottom:50px; left:30px; padding:5px 15px 5px 15px; width:70px; height:30px; border:1px outset #aeaeae; background:transparent; color:#fff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; z-index:6; }

#main #kontakt-buttons #submit:hover { border:1px inset #aeaeae; }

#main #kontakt-buttons #reset { position:relative; bottom:30px; left:30px; width:70px; height:30px; padding:5px 15px 5px 15px; border:1px outset #aeaeae; background:transparent; color:#fff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; z-index:6; }

#main #kontakt-buttons #reset:hover { border:1px inset #aeaeae; }

#main .map { display:none; position: absolute; top:160px; left:320px; z-index:6; }

#main #kontakt-info { position:absolute; top:200px; right:340px; width:200px; margin-left:20px; z-index:6; line-height:30px; }

#main .close-map1 { position:absolute; top:-4%; right:-2%; }

#main .close-map1:hover { cursor:pointer; }

#main .close-map2 { position:absolute; top:-4%; right:-2%; }

#main .close-map2:hover { float:left; cursor:pointer; }

#main .close-map3 { position:absolute; top:-4%; right:-2%; }

#main .close-map3:hover { float:left; cursor:pointer; }

#main #onama { margin: 0 auto; padding:0px 30px 20px 30px;  width:800px; }

#main #onama h1 { width:190px;  margin-bottom:20px; }

#main #reference { margin:0 auto; padding:0px 30px 20px 0px;  width:100%; }

#main #usluge { margin:0 auto;  padding:0px 30px 20px 30px; width:800px; }

#main #usluge h1 { width:150px;  margin-bottom:20px; }

#footer { position:relative; bottom:-20px; width:950px; margin: 0 auto; }

#footer #copyright {float:left; font-size:10px; padding:10px; margin:20px 0 0 0; width:300px;}

.smover { float:right; margin:0 0 100px 0; width:220px;  overflow:hidden; font-size:18px; }

.smover ul { display:none; list-style: none; margin-top: 10px; width: 100%;  float:left; }

.smover ul li { float: left; padding-right:10px;}

.smover ul li .button { display: block; margin-top: 5px; padding: 5px 5px 0;  }

.smover ul li .button img { border:none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; height: 1px; }

#changeFont { color:#fff; font-size:14px; }

#sliderWrap { position:absolute;  text-align:center;}

#slider { position: fixed; top:0px; left:34em; width: 240px; height: 100px; margin-top: -40px; opacity:0.8; filter:alpha(opacity=80); }

#slider img { border: 0; }

#openCloseIdentifier { width:70px; height:70px; display:none;}

.increaseFont img { height:20px; }

.decreaseFont img { height:20px; }

.resetFont { font-size:14px; color:#fff; }

#admin { padding:0px 30px 20px 30px; }

#admin-header { padding:0px 0 30px 0px; }

#admin-content { font: 14px 'Century Gothic'; width:303px; margin-right: 2px; }

#admin-content .title { height:40px; }

#admin-content .admin-input { background:transparent; border:1px solid #777; border-radius:3px; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#admin-content .img-font { font-size: 12px; }

#admin-footer {  width:540px; float:right; margin:-430px 20px 0 0; overflow-y:auto;overflow-x:auto; background-color:#353535; opacity:0.8; filter:alpha(opacity=80); ; z-index:4;  box-shadow: 5px 7px 5px #353535; -webkit-box-shadow: 5px 7px 5px #353535;-moz-box-shadow: 5px 7px 5px #353535; padding:10px 20px 30px 30px; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

